<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* a {
            color: #666;
        } */

        /* 默认灰,划过红,触发蓝,访问过黄色 */
        a:link {
            color: grey;
        }

        /* 鼠标滑过 */
        a:hover {
            color: red;
        }

        /* 触发中 */
        a:active {
            color: blue;
        }

        /* 已访问 */
        a:visited {
            color: yellow;
        }
    </style>
</head>

<body>
    <!-- 
    行内标签：a——超链接
        属性：herf=""  指向链接地址
            target="" 目标 _self[当前页面标签内打开]  _blank 新标签打开网页
链接状态显示：css选择器 :link :hover :active :visited
-->
    <!-- 第一种 -->
    <a
        href="https://haokan.baidu.com/v?vid=9078608511635268949&pd=bjh&fr=bjhauthor&type=video">搞权钱交易!最高人民检察院依法对周江勇决定逮捕</a>
    <!-- target  -->
    <a target="_self" href="https://haokan.baidu.com/v?vid=9078608511635268949&pd=bjh&fr=bjhauthor&type=video">人民检察院</a>
    <a target="_blank"
        href="https://haokan.baidu.com/v?vid=9078608511635268949&pd=bjh&fr=bjhauthor&type=video">人民检察院</a>
    <!-- 第二种 -->
    <!-- 本地文件查找规则 -->
    <!-- 相对路径 -->
    <div>
        <!-- 同级目录按文件名查找 -->
        <a href="02_常用标签.html">跳转到文件2</a>
        <!-- 同级目录也可以使用./进行匹配 -->
        <a href="./02_常用标签.html">跳转到文件2</a>
        <!-- <a href="常用标签.html">跳转到文件2</a> -->
        <!-- 同级的子目录查找 /-->
        <a href="./05/index.html">跳转到index</a>
        <!-- 父级文件查找 ../ -->
    </div>
    <!-- 绝对路径 【不常用】-->
    <div>
        <a href="/Users/Argice/Desktop/01_html_01/04_常用行内标签.html">通过根路径跳转</a>
    </div>

    <a href="./01.认识html.html">01</a>

    <!-- W3C 的HTML规范规定:
    不使用行内标签嵌套快标签,
    除了常见a外,其他都不会选择这种嵌套方式
    -->
    
    <!-- 补充 -->
    <div>
        <!-- #p2 hash值[哈希值] -->
        <a href="./08_案例.html#p2">定位跳转</a>
    </div>
</body>

</html>